body, body *:not(i){ font-family: arial!important; }   a{ text-decoration: none; }   .label--input{ position: absolute; top: -5px; left: 0; width: 100%; } .input{ flex-grow: 1; background: none; border: none; border-bottom: 1px solid gray; width: 100%; height: 27px; } .input:not( select ):focus-visible { outline: none; } .input:focus-visible::placeholder { color: black; }   .navbar-menu-pc{ position: fixed; z-index: 3; top: 0; left: 0; height: 60px; box-shadow: 0 1px 3px 1px rgba( 0,0,0, .1 ); width: 100%; background: white; display: grid; } .navbar-menu-movil{ position: fixed; z-index: 3; top: 0; left: 0; height: 60px; box-shadow: 0 1px 3px 1px rgba( 0,0,0, .1 ); width: 100%; background: white; display: flex; } @media( max-width: 1200px ){ .navbar-menu-pc{ grid-template: auto / 0fr 1fr 0fr; } } @media( max-width: 1300px ){ .navbar-menu-pc{ grid-template: auto / .05fr 1fr .05fr; } } @media( max-width: 1400px ){ .navbar-menu-pc{ grid-template: auto / .1fr 1fr .1fr; } } @media( min-width: 1401px ){ .navbar-menu-pc{ grid-template: auto / .3fr 1fr .3fr; } } .navbar-select{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }   .pagina-exterior{ position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .pagina-interior{ position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; } .pagina-covertor{ position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: var(--color1); opacity: .1; z-index: 0; pointer-events: none; } .pagina--glutter{ display: grid; } @media( max-width: 1200px ){ .pagina--glutter{ grid-template: auto / 0fr 1fr 0fr; } } @media( max-width: 1300px ){ .pagina--glutter{ grid-template: auto / .05fr 1fr .05fr; } } @media( max-width: 1400px ){ .pagina--glutter{ grid-template: auto / .1fr 1fr .1fr; } } @media( min-width: 1401px ){ .pagina--glutter{ grid-template: auto / .3fr 1fr .3fr; } }    .gdesc-inner{ padding: 0!important; } .gprev, .gnext, .gclose{ transition: .5s; background-color: rgba(0, 0, 0, 1)!important; } .gprev, .gnext{ opacity: .5!important; } .gprev:hover, .gnext:hover{ opacity: 1!important; }  .glightbox-mobile .glightbox-container .gslide-description { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; max-height: unset; padding: 0; padding-bottom: 0; overflow: hidden; } .glightbox-mobile .glightbox-container .gslide-title{ color: black!important; } .glightbox-clean .gslide-description{ background: transparent; }   .swal2-text{ text-align: center; } div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{ display: inline-block; position: relative; border: 0; border-radius: 5px; background-image: none; background: var(--color1)!important; padding: .5rem; color: var(--color2_a9)!important; transition: .5s; text-align: center; box-shadow: 0 1px 2px 1px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus { box-shadow: 0 0 0 3px var(--color2)!important ; } div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{ right: .0em!important; } .swal2-confirm:hover{ background-image: none!important; background: var(--color1_a10)!important; color: var(--color1_a90); box-shadow: 0 1px 2px 1px rgba( 0,0,0, .1 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .swal2-confirm:before{ content: ''; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .swal2-confirm:hover:before{ opacity: 1; } .swal2-confirm:after{ content: ''; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; border-bottom-right-radius: 5px; } .swal2-confirm:hover:after{ opacity: .3; }    .img-fluid{ width: 100%; height: 100%; }   a{ color: inherit; } a:hover, a:focus{ color: inherit; }   .table>:not(caption)>*>*{ background: none; }    ::-webkit-scrollbar { width: 10px; height: 15px; }  ::-webkit-scrollbar-track { background: #888; }  ::-webkit-scrollbar-thumb { background: var(--color1); }  ::-webkit-scrollbar-thumb:hover { background: var(--color2); }    .datalist-absoluto{   --left: 40px; --right: 25px;   position: absolute; top: 37px; left: var( --left ); width: calc( 100% - var( --left ) - var( --right ) );    display: none; z-index: 1;  } .datalist-absoluto.activo{ display: block; } .datalist-relativo{ position: relative; width: 100%; overflow: auto; } .datalist-opcion{ background: white; cursor: pointer; border-left: 1px solid var(--color1); border-right: 1px solid var(--color1); border-bottom: 1px solid var(--color1); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; } .datalist-opcion:focus, .datalist-opcion:hover{ background: var(--color1); color: var(--color2); }  @media( max-width: 1000px ){ .datalist-absoluto{ left: 0; width: 100%; } }    body{ padding: 0; margin: 0; box-sizing: border-box; } body *{ box-sizing: border-box; } .pdf-background{ background: #333; } .portrait .pdf-pagina{ margin: 0 auto; background: white; width: 816px; height: 1056px; } .landscape .pdf-pagina{ margin: 0 auto; background: white; width: 1056px; height: 816px; } .pdf-pagina.escalar{ transform: scale(1.5); }   .dev{ border: 1px solid black; }   .bg--none{ background: none; } .bg--dark{ background: rgba( 0,0,0, 1 ); } .bg--dark--9{ background: rgba( 0,0,0, .9 ); } .bg--dark--8{ background: rgba( 0,0,0, .8 ); } .bg--dark--7{ background: rgba( 0,0,0, .7 ); } .bg--dark--6{ background: rgba( 0,0,0, .6 ); } .bg--dark--5{ background: rgba( 0,0,0, .5 ); } .bg--dark--4{ background: rgba( 0,0,0, .4 ); } .bg--dark--3{ background: rgba( 0,0,0, .3 ); } .bg--dark--2{ background: rgba( 0,0,0, .2 ); } .bg--dark--1{ background: rgba( 0,0,0, .1 ); } .bg--white{ background: rgba( 255,255,255, 1 ); } .bg--white--9{ background: rgba( 255,255,255, .9 ); } .bg--white--8{ background: rgba( 255,255,255, .8 ); } .bg--white--7{ background: rgba( 255,255,255, .7 ); } .bg--white--6{ background: rgba( 255,255,255, .6 ); } .bg--white--5{ background: rgba( 255,255,255, .5 ); } .bg--white--4{ background: rgba( 255,255,255, .4 ); } .bg--white--3{ background: rgba( 255,255,255, .3 ); } .bg--white--2{ background: rgba( 255,255,255, .2 ); } .bg--white--1{ background: rgba( 255,255,255, .1 ); } .bg--white--hover{ transition: .3s; } .bg--white--9--hover{ transition: .3s; } .bg--white--8--hover{ transition: .3s; } .bg--white--7--hover{ transition: .3s; } .bg--white--6--hover{ transition: .3s; } .bg--white--5--hover{ transition: .3s; } .bg--white--4--hover{ transition: .3s; } .bg--white--3--hover{ transition: .3s; } .bg--white--2--hover{ transition: .3s; } .bg--white--1--hover{ transition: .3s; } .bg--white--hover:hover{ background: rgba( 255,255,255, 1 ); } .bg--white--9--hover:hover{ background: rgba( 255,255,255, .9 ); } .bg--white--8--hover:hover{ background: rgba( 255,255,255, .8 ); } .bg--white--7--hover:hover{ background: rgba( 255,255,255, .7 ); } .bg--white--6--hover:hover{ background: rgba( 255,255,255, .6 ); } .bg--white--5--hover:hover{ background: rgba( 255,255,255, .5 ); } .bg--white--4--hover:hover{ background: rgba( 255,255,255, .4 ); } .bg--white--3--hover:hover{ background: rgba( 255,255,255, .3 ); } .bg--white--2--hover:hover{ background: rgba( 255,255,255, .2 ); } .bg--white--1--hover:hover{ background: rgba( 255,255,255, .1 ); } .bg--color1{ background: var(--color1); } .bg--color1_a10{ background: var(--color1_a10); } .bg--color1_a20{ background: var(--color1_a20); } .bg--color1_a30{ background: var(--color1_a30); } .bg--color1_a40{ background: var(--color1_a40); } .bg--color1_a50{ background: var(--color1_a50); } .bg--color1_a60{ background: var(--color1_a60); } .bg--color1_a70{ background: var(--color1_a70); } .bg--color1_a80{ background: var(--color1_a80); } .bg--color1_a90{ background: var(--color1_a90); } .bg--color2{ background: var(--color2); } .bg--color2_a1{ background: var(--color2_a1); } .bg--color2_a2{ background: var(--color2_a2); } .bg--color2_a3{ background: var(--color2_a3); } .bg--color2_a4{ background: var(--color2_a4); } .bg--color2_a5{ background: var(--color2_a5); } .bg--color2_a6{ background: var(--color2_a6); } .bg--color2_a7{ background: var(--color2_a7); } .bg--color2_a8{ background: var(--color2_a8); } .bg--color2_a9{ background: var(--color2_a9); } .bg--color1_o1{ background: var(--color1_o1); } .bg--color1_o2{ background: var(--color1_o2); } .bg--color1_o3{ background: var(--color1_o3); } .bg--color1_o4{ background: var(--color1_o4); } .bg--color1_o5{ background: var(--color1_o5); } .bg--color1_o6{ background: var(--color1_o6); } .bg--color1_o7{ background: var(--color1_o7); } .bg--color1_o8{ background: var(--color1_o8); } .bg--color1_o9{ background: var(--color1_a90); } .bg--color2_o1{ background: var(--color2_o1); } .bg--color2_o2{ background: var(--color2_o2); } .bg--color2_o3{ background: var(--color2_o3); } .bg--color2_o4{ background: var(--color2_o4); } .bg--color2_o5{ background: var(--color2_o5); } .bg--color2_o6{ background: var(--color2_o6); } .bg--color2_o7{ background: var(--color2_o7); } .bg--color2_o8{ background: var(--color2_o8); } .bg--color2_o9{ background: var(--color2_o9); }   .muerto *{ pointer-events: none!important; } .muerto{ pointer-events: none!important; } .vivo *{ pointer-events: all!important; } .vivo{ pointer-events: all!important; }    .cursor--pointer{ cursor: pointer; } .cursor--default{ cursor: default; } .cursor--alias{ cursor: alias; }   .text--justify{ text-align: justify; } .text--center{ text-align: center; } .text--left{ text-align: left; } .text--right{ text-align: right; } .fw--bold{ font-weight: bold!important; } .text--small{ font-size: 15px; } .mayusculas{ text-transform: uppercase; }   .ts--white{ text-shadow: 0 0 3px #FFF, 0 0 3px #FFF, 0 0 5px #FFF, 0 0 5px #FFF; } .ts--black{ text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 5px #000, 0 0 5px #000; }   .overflow--hidden{ overflow: hidden; } .overflow--auto{ overflow: auto; }  @media( max-width: 1000px ){ .overflow--hidden--movil{ overflow: hidden; } .overflow--auto--movil{ overflow: auto; } } @media( min-width: 1000px ){ .overflow--hidden--pc{ overflow: hidden; } .overflow--auto--pc{ overflow: auto; } }    .contraste--175--hover{ transition: .5s; } .contraste--175--hover:hover{ filter: contrast( 175% ); }   @media( max-width: 500px ){ .fws---500---10, .fws---500---10 *{ font-size: 10px!important; } .fws---500---15, .fws---500---15 *{ font-size: 15px!important; } .fws--500--16, .fws--500--16 *{ font-size: 16px!important; } .fws--500--17, .fws--500--17 *{ font-size: 17px!important; } .fws--500--18, .fws--500--18 *{ font-size: 18px!important; } } @media( max-width: 400px ){ .fws--400--10, .fws--400--10 *{ font-size: 10px!important; } .fws--400--15, .fws--400--15 *{ font-size: 15px!important; } .fws--400--16, .fws--400--16 *{ font-size: 16px!important; } .fws--400--17, .fws--400--17 *{ font-size: 17px!important; } .fws--400--18, .fws--400--18 *{ font-size: 18px!important; } }   .w--100{ width: 100%; } .h--100{ height: 100%; } .w--auto{ width: auto; } .h--auto{ height: auto; } .vw--100{ width: 100vw; } .vh--100{ height: 100vh; } .flex--1{ flex: 1; }  @media( max-width: 1000px ){ .w--movil--100{ width: 100%; } }    .d--flex{ display: flex; flex-flow: row; flex-wrap: wrap; } .d--flex--col{ display: flex; flex-flow: column; } .d--none{ display: none; } .d--relative{ position: relative; } .d--sticky{ position: sticky; } .d--absolute{ position: absolute; } @media( max-width: 1000px ){ .d--absolute--movil{ position: absolute; } }   .opacity--1{ opacity: 1 } .opacity--0{ opacity: 0 }   @media( max-width: 1000px ){ .px--movil--main{ padding-left: .75rem!important; padding-right: .75rem!important; } }   @media( min-width: 1000px ){ .solo--movil{ display: none!important; } } @media( max-width: 1000px ){ .solo--pc{ display: none!important; } }    .m--0{ margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem; } .m--d5{ margin-top: .5rem; margin-bottom: .5rem; margin-left: .5rem; margin-right: .5rem; } .m--1{ margin-top: 1rem; margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .m--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; } .m--2{ margin-top: 2rem; margin-bottom: 2rem; margin-left: 2rem; margin-right: 2rem; } .m--3{ margin-top: 3rem; margin-bottom: 3rem; margin-left: 3rem; margin-right: 3rem; } .m--4{ margin-top: 4rem; margin-bottom: 4rem; margin-left: 4rem; margin-right: 4rem; } .m--5{ margin-top: 5rem; margin-bottom: 5rem; margin-left: 5rem; margin-right: 5rem; }   .mx---1{ margin-right: -1rem; margin-left: -1rem; } .mx--0{ margin-right: 0rem; margin-left: 0rem; } .my--d5{ margin-top: .5rem; margin-bottom: .5rem; } .mx--d5{ margin-right: .5rem; margin-left: .5rem; } .mx--1{ margin-right: 1rem; margin-left: 1rem; } .mx--1d5{ margin-right: 1.5rem; margin-left: 1.5rem; } .mx--2{ margin-right: 2rem; margin-left: 2rem; } .mx--3{ margin-right: 3rem; margin-left: 3rem; } .mx--4{ margin-right: 4rem; margin-left: 4rem; } .mx--5{ margin-right: 5rem; margin-left: 5rem; }   .mx--0{ margin-right: 0rem; margin-left: 0rem; } .my--d5{ margin-top: .5rem; margin-bottom: .5rem; } .my--d5{ margin-top: .5rem; margin-bottom: .5rem; } .my--1{ margin-top: 1rem; margin-bottom: 1rem; } .my--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my--2{ margin-top: 2rem; margin-bottom: 2rem; } .my--3{ margin-top: 3rem; margin-bottom: 3rem; } .my--4{ margin-top: 4rem; margin-bottom: 4rem; } .my--5{ margin-top: 5rem; margin-bottom: 5rem; }   .mt--0{ margin-top: 0rem; } .mt--d5{ margin-top: .5rem; } .mt--1{ margin-top: 1rem; } .mt--1d5{ margin-top: 1.5rem; } .mt--2{ margin-top: 2rem; } .mt--3{ margin-top: 3rem; } .mt--4{ margin-top: 4rem; } .mt--5{ margin-top: 5rem; } .mt--6{ margin-top: 6rem; } .mt--7{ margin-top: 7rem; } .mt--8{ margin-top: 8rem; } .mt--9{ margin-top: 9rem; } .mt--10{ margin-top: 10rem; }   .mb--0{ margin-bottom: 0rem; } .mb--d5{ margin-bottom: .5rem; } .mb--1{ margin-bottom: 1rem; } .mb--1d5{ margin-bottom: 1.5rem; } .mb--2{ margin-bottom: 2rem; } .mb--3{ margin-bottom: 3rem; } .mb--4{ margin-bottom: 4rem; } .mb--5{ margin-bottom: 5rem; } .mb--6{ margin-bottom: 6rem; } .mb--7{ margin-bottom: 7rem; } .mb--8{ margin-bottom: 8rem; } .mb--9{ margin-bottom: 9rem; } .mb--10{ margin-bottom: 10rem; }   .ml--0{ margin-left: 0rem; } .ml--d5{ margin-left: .5rem; } .ml--1{ margin-left: 1rem; } .ml--1d5{ margin-left: 1.5rem; } .ml--2{ margin-left: 2rem; } .ml--3{ margin-left: 3rem; } .ml--4{ margin-left: 4rem; } .ml--5{ margin-left: 5rem; }   .mr--0{ margin-right: 0rem; } .mr--d5{ margin-right: .5rem; } .mr--1{ margin-right: 1rem; } .mr--1d5{ margin-right: 1.5rem; } .mr--2{ margin-right: 2rem; } .mr--3{ margin-right: 3rem; } .mr--4{ margin-right: 4rem; } .mr--5{ margin-right: 5rem; }   .mx--0{ margin-right: 0rem; margin-left: 0rem; } .mx--d5{ margin-right: .5rem; margin-left: .5rem; } .mx--1{ margin-right: 1rem; margin-left: 1rem; } .mx--1d5{ margin-right: 1.5rem; margin-left: 1.5rem; } .mx--2{ margin-right: 2rem; margin-left: 2rem; } .mx--3{ margin-right: 3rem; margin-left: 3rem; } .mx--4{ margin-right: 4rem; margin-left: 4rem; } .mx--5{ margin-right: 5rem; margin-left: 5rem; }   .my--0{ margin-top: 0rem; margin-bottom: 0rem; } .my--d5{ margin-top: .5rem; margin-bottom: .5rem; } .my--1{ margin-top: 1rem; margin-bottom: 1rem; } .my--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my--2{ margin-top: 2rem; margin-bottom: 2rem; } .my--3{ margin-top: 3rem; margin-bottom: 3rem; } .my--4{ margin-top: 4rem; margin-bottom: 4rem; } .my--5{ margin-top: 5rem; margin-bottom: 5rem; }   @media( max-width: 1000px ){  .m--movil--0{ margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem; } .m--movil--d5{ margin-top: .5rem; margin-bottom: .5rem; margin-left: .5rem; margin-right: .5rem; } .m--movil--1{ margin-top: 1rem; margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .m--movil--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; } .m--movil--2{ margin-top: 2rem; margin-bottom: 2rem; margin-left: 2rem; margin-right: 2rem; } .m--movil--3{ margin-top: 3rem; margin-bottom: 3rem; margin-left: 3rem; margin-right: 3rem; } .m--movil--4{ margin-top: 4rem; margin-bottom: 4rem; margin-left: 4rem; margin-right: 4rem; } .m--movil--5{ margin-top: 5rem; margin-bottom: 5rem; margin-left: 5rem; margin-right: 5rem; }   .mx--movil--0{ margin-right: 0rem; margin-left: 0rem; } .mx--movil--d5{ margin-right: .5rem; margin-left: .5rem; } .mx--movil--1{ margin-right: 1rem; margin-left: 1rem; } .mx--movil--1d5{ margin-right: 1.5rem; margin-left: 1.5rem; } .mx--movil--2{ margin-right: 2rem; margin-left: 2rem; } .mx--movil--3{ margin-right: 3rem; margin-left: 3rem; } .mx--movil--4{ margin-right: 4rem; margin-left: 4rem; } .mx--movil--5{ margin-right: 5rem; margin-left: 5rem; }   .my--movil--0{ margin-top: 0rem; margin-bottom: 0rem; } .my--movil--d5{ margin-top: .5rem; margin-bottom: .5rem; } .my--movil--1{ margin-top: 1rem; margin-bottom: 1rem; } .my--movil--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my--movil--2{ margin-top: 2rem; margin-bottom: 2rem; } .my--movil--3{ margin-top: 3rem; margin-bottom: 3rem; } .my--movil--4{ margin-top: 4rem; margin-bottom: 4rem; } .my--movil--5{ margin-top: 5rem; margin-bottom: 5rem; }   .mt--movil--0{ margin-top: 0rem; } .mt--movil--d5{ margin-top: .5rem; } .mt--movil--1{ margin-top: 1rem; } .mt--movil--1d5{ margin-top: 1.5rem; } .mt--movil--2{ margin-top: 2rem; } .mt--movil--3{ margin-top: 3rem; } .mt--movil--4{ margin-top: 4rem; } .mt--movil--5{ margin-top: 5rem; }   .mb--movil--0{ margin-bottom: 0rem; } .mb--movil--d5{ margin-bottom: .5rem; } .mb--movil--1{ margin-bottom: 1rem; } .mb--movil--1d5{ margin-bottom: 1.5rem; } .mb--movil--2{ margin-bottom: 2rem; } .mb--movil--3{ margin-bottom: 3rem; } .mb--movil--4{ margin-bottom: 4rem; } .mb--movil--5{ margin-bottom: 5rem; }   .ml--movil--0{ margin-left: 0rem; } .ml--movil--d5{ margin-left: .5rem; } .ml--movil--1{ margin-left: 1rem; } .ml--movil--1d5{ margin-left: 1.5rem; } .ml--movil--2{ margin-left: 2rem; } .ml--movil--3{ margin-left: 3rem; } .ml--movil--4{ margin-left: 4rem; } .ml--movil--5{ margin-left: 5rem; }   .mr--movil--0{ margin-right: 0rem; } .mr--movil--d5{ margin-right: .5rem; } .mr--movil--1{ margin-right: 1rem; } .mr--movil--1d5{ margin-right: 1.5rem; } .mr--movil--2{ margin-right: 2rem; } .mr--movil--3{ margin-right: 3rem; } .mr--movil--4{ margin-right: 4rem; } .mr--movil--5{ margin-right: 5rem; }  } @media( min-width: 1000px ){  .m--pc--0{ margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem; } .m--pc--d5{ margin-top: .5rem; margin-bottom: .5rem; margin-left: .5rem; margin-right: .5rem; } .m--pc--1{ margin-top: 1rem; margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .m--pc--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem; } .m--pc--2{ margin-top: 2rem; margin-bottom: 2rem; margin-left: 2rem; margin-right: 2rem; } .m--pc--3{ margin-top: 3rem; margin-bottom: 3rem; margin-left: 3rem; margin-right: 3rem; } .m--pc--4{ margin-top: 4rem; margin-bottom: 4rem; margin-left: 4rem; margin-right: 4rem; } .m--pc--5{ margin-top: 5rem; margin-bottom: 5rem; margin-left: 5rem; margin-right: 5rem; }   .mx--pc--0{ margin-right: 0rem; margin-left: 0rem; } .mx--pc--d5{ margin-right: .5rem; margin-left: .5rem; } .mx--pc--1{ margin-right: 1rem; margin-left: 1rem; } .mx--pc--1d5{ margin-right: 1.5rem; margin-left: 1.5rem; } .mx--pc--2{ margin-right: 2rem; margin-left: 2rem; } .mx--pc--3{ margin-right: 3rem; margin-left: 3rem; } .mx--pc--4{ margin-right: 4rem; margin-left: 4rem; } .mx--pc--5{ margin-right: 5rem; margin-left: 5rem; }   .my--pc--0{ margin-top: 0rem; margin-bottom: 0rem; } .my--pc--d5{ margin-top: .5rem; margin-bottom: .5rem; } .my--pc--1{ margin-top: 1rem; margin-bottom: 1rem; } .my--pc--1d5{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my--pc--2{ margin-top: 2rem; margin-bottom: 2rem; } .my--pc--3{ margin-top: 3rem; margin-bottom: 3rem; } .my--pc--4{ margin-top: 4rem; margin-bottom: 4rem; } .my--pc--5{ margin-top: 5rem; margin-bottom: 5rem; }   .mt--pc--0{ margin-top: 0rem; } .mt--pc--d5{ margin-top: .5rem; } .mt--pc--1{ margin-top: 1rem; } .mt--pc--1d5{ margin-top: 1.5rem; } .mt--pc--2{ margin-top: 2rem; } .mt--pc--3{ margin-top: 3rem; } .mt--pc--4{ margin-top: 4rem; } .mt--pc--5{ margin-top: 5rem; }   .mb--pc--0{ margin-bottom: 0rem; } .mb--pc--d5{ margin-bottom: .5rem; } .mb--pc--1{ margin-bottom: 1rem; } .mb--pc--1d5{ margin-bottom: 1.5rem; } .mb--pc--2{ margin-bottom: 2rem; } .mb--pc--3{ margin-bottom: 3rem; } .mb--pc--4{ margin-bottom: 4rem; } .mb--pc--5{ margin-bottom: 5rem; }   .ml--pc--0{ margin-left: 0rem; } .ml--pc--d5{ margin-left: .5rem; } .ml--pc--1{ margin-left: 1rem; } .ml--pc--1d5{ margin-left: 1.5rem; } .ml--pc--2{ margin-left: 2rem; } .ml--pc--3{ margin-left: 3rem; } .ml--pc--4{ margin-left: 4rem; } .ml--pc--5{ margin-left: 5rem; }   .mr--pc--0{ margin-right: 0rem; } .mr--pc--d5{ margin-right: .5rem; } .mr--pc--1{ margin-right: 1rem; } .mr--pc--1d5{ margin-right: 1.5rem; } .mr--pc--2{ margin-right: 2rem; } .mr--pc--3{ margin-right: 3rem; } .mr--pc--4{ margin-right: 4rem; } .mr--pc--5{ margin-right: 5rem; }  }     .p--0{ padding-top: 0rem!important; padding-left: 0rem!important; padding-bottom: 0rem!important; padding-right: 0rem!important; } .p--d5{ padding-top: .5rem!important; padding-left: .5rem!important; padding-bottom: .5rem!important; padding-right: .5rem!important; } .p--1{ padding-top: 1rem!important; padding-left: 1rem!important; padding-bottom: 1rem!important; padding-right: 1rem!important; } .p--1d5{ padding-top: 1.5rem!important; padding-left: 1.5rem!important; padding-bottom: 1.5rem!important; padding-right: 1.5rem!important; } .p--2{ padding-top: 2rem!important; padding-left: 2rem!important; padding-bottom: 2rem!important; padding-right: 2rem!important; } .p--3{ padding-top: 3rem!important; padding-left: 3rem!important; padding-bottom: 3rem!important; padding-right: 3rem!important; } .p--4{ padding-top: 4rem!important; padding-left: 4rem!important; padding-bottom: 4rem!important; padding-right: 4rem!important; } .p--5{ padding-top: 5rem!important; padding-left: 5rem!important; padding-bottom: 5rem!important; padding-right: 5rem!important; }   .px--0{ padding-left: 0rem!important; padding-right: 0rem!important; } .px--d3{ padding-left: .3rem!important; padding-right: .3rem!important; } .px--d5{ padding-left: .5rem!important; padding-right: .5rem!important; } .px--d8{ padding-left: .8rem!important; padding-right: .8rem!important; } .px--1{ padding-left: 1rem!important; padding-right: 1rem!important; } .px--1d5{ padding-left: 1.5rem!important; padding-right: 1.5rem!important; } .px--2{ padding-left: 2rem!important; padding-right: 2rem!important; } .px--3{ padding-left: 3rem!important; padding-right: 3rem!important; } .px--4{ padding-left: 4rem!important; padding-right: 4rem!important; } .px--5{ padding-left: 5rem!important; padding-right: 5rem!important; } .px--6{ padding-left: 6rem!important; padding-right: 6rem!important; } .px--7{ padding-left: 7rem!important; padding-right: 7rem!important; } .px--8{ padding-left: 8rem!important; padding-right: 8rem!important; } .px--9{ padding-left: 9rem!important; padding-right: 9rem!important; } .px--10{ padding-left: 10rem!important; padding-right: 10rem!important; } .px--11{ padding-left: 11rem!important; padding-right: 11rem!important; } .px--12{ padding-left: 12rem!important; padding-right: 12rem!important; } .px--13{ padding-left: 13rem!important; padding-right: 13rem!important; } .px--14{ padding-left: 14rem!important; padding-right: 14rem!important; } .px--15{ padding-left: 15rem!important; padding-right: 15rem!important; } .px--16{ padding-left: 16rem!important; padding-right: 16rem!important; } .px--17{ padding-left: 17rem!important; padding-right: 17rem!important; } .px--18{ padding-left: 18rem!important; padding-right: 18rem!important; } .px--19{ padding-left: 19rem!important; padding-right: 19rem!important; } .px--20{ padding-left: 20rem!important; padding-right: 20rem!important; } .px--21{ padding-left: 21rem!important; padding-right: 21rem!important; } .px--22{ padding-left: 22rem!important; padding-right: 22rem!important; } .px--23{ padding-left: 23rem!important; padding-right: 23rem!important; }   .py--0{ padding-top: 0rem!important; padding-bottom: 0rem!important; } .py--d5{ padding-top: .5rem!important; padding-bottom: .5rem!important; } .py--1{ padding-top: 1rem!important; padding-bottom: 1rem!important; } .py--1d5{ padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py--2{ padding-top: 2rem!important; padding-bottom: 2rem!important; } .py--3{ padding-top: 3rem!important; padding-bottom: 3rem!important; } .py--4{ padding-top: 4rem!important; padding-bottom: 4rem!important; } .py--5{ padding-top: 5rem!important; padding-bottom: 5rem!important; } .py--6{ padding-top: 6rem!important; padding-bottom: 6rem!important; } .py--7{ padding-top: 7rem!important; padding-bottom: 7rem!important; } .py--8{ padding-top: 8rem!important; padding-bottom: 8rem!important; } .py--9{ padding-top: 9rem!important; padding-bottom: 9rem!important; }   .pt--d5{ padding-top: 0rem!important; } .pt--d5{ padding-top: .5rem!important; } .pt--1{ padding-top: 1rem!important; } .pt--1d5{ padding-top: 1.5rem!important; } .pt--2{ padding-top: 2rem!important; } .pt--3{ padding-top: 3rem!important; } .pt--4{ padding-top: 4rem!important; } .pt--5{ padding-top: 5rem!important; } .pt--6{ padding-top: 6rem!important; } .pt--7{ padding-top: 7rem!important; } .pt--8{ padding-top: 8rem!important; } .pt--9{ padding-top: 9rem!important; } .pt--10{ padding-top: 10rem!important; } .pt--11{ padding-top: 11rem!important; } .pt--12{ padding-top: 12rem!important; } .pt--13{ padding-top: 13rem!important; } .pt--14{ padding-top: 14rem!important; } .pt--15{ padding-top: 15rem!important; } .pt--16{ padding-top: 16rem!important; } .pt--17{ padding-top: 17rem!important; } .pt--18{ padding-top: 18rem!important; } .pt--19{ padding-top: 19rem!important; } .pt--20{ padding-top: 20rem!important; }   .pl--d5{ padding-left: 0rem!important; } .pl--d5{ padding-left: .5rem!important; } .pl--1{ padding-left: 1rem!important; } .pl--1d5{ padding-left: 1.5rem!important; } .pl--2{ padding-left: 2rem!important; } .pl--3{ padding-left: 3rem!important; } .pl--4{ padding-left: 4rem!important; } .pl--5{ padding-left: 5rem!important; } .pl--6{ padding-left: 6rem!important; } .pl--7{ padding-left: 7rem!important; } .pl--8{ padding-left: 8rem!important; } .pl--9{ padding-left: 9rem!important; } .pl--10{ padding-left: 10rem!important; }   .pr--d5{ padding-right: 0rem!important; } .pr--d5{ padding-right: .5rem!important; } .pr--1{ padding-right: 1rem!important; } .pr--1d5{ padding-right: 1.5rem!important; } .pr--2{ padding-right: 2rem!important; } .pr--3{ padding-right: 3rem!important; } .pr--4{ padding-right: 4rem!important; } .pr--5{ padding-right: 5rem!important; }   .pb--d5{ padding-bottom: 0rem!important; } .pb--d5{ padding-bottom: .5rem!important; } .pb--1{ padding-bottom: 1rem!important; } .pb--1d5{ padding-bottom: 1.5rem!important; } .pb--2{ padding-bottom: 2rem!important; } .pb--3{ padding-bottom: 3rem!important; } .pb--4{ padding-bottom: 4rem!important; } .pb--4d5{ padding-bottom: 4.5rem!important; } .pb--5{ padding-bottom: 5rem!important; } .pb--6{ padding-bottom: 6rem!important; } .pb--7{ padding-bottom: 7rem!important; } .pb--8{ padding-bottom: 8rem!important; } .pb--9{ padding-bottom: 9rem!important; } .pb--10{ padding-bottom: 10rem!important; } .pb--11{ padding-top: 11rem!important; } .pb--12{ padding-top: 12rem!important; } .pb--13{ padding-top: 13rem!important; } .pb--14{ padding-top: 14rem!important; } .pb--15{ padding-top: 15rem!important; } .pb--16{ padding-top: 16rem!important; } .pb--17{ padding-top: 17rem!important; } .pb--18{ padding-top: 18rem!important; } .pb--19{ padding-top: 19rem!important; } .pb--20{ padding-top: 20rem!important; }   @media( max-width: 1000px ){  .p--movil--0{ padding-top: 0rem!important; padding-left: 0rem!important; padding-bottom: 0rem!important; padding-right: 0rem!important; } .p--movil--d5{ padding-top: .5rem!important; padding-left: .5rem!important; padding-bottom: .5rem!important; padding-right: .5rem!important; } .p--movil--1{ padding-top: 1rem!important; padding-left: 1rem!important; padding-bottom: 1rem!important; padding-right: 1rem!important; } .p--movil--1d5{ padding-top: 1.5rem!important; padding-left: 1.5rem!important; padding-bottom: 1.5rem!important; padding-right: 1.5rem!important; } .p--movil--2{ padding-top: 2rem!important; padding-left: 2rem!important; padding-bottom: 2rem!important; padding-right: 2rem!important; } .p--movil--3{ padding-top: 3rem!important; padding-left: 3rem!important; padding-bottom: 3rem!important; padding-right: 3rem!important; } .p--movil--4{ padding-top: 4rem!important; padding-left: 4rem!important; padding-bottom: 4rem!important; padding-right: 4rem!important; } .p--movil--5{ padding-top: 5rem!important; padding-left: 5rem!important; padding-bottom: 5rem!important; padding-right: 5rem!important; }   .px--movil--0{ padding-left: 0rem!important; padding-right: 0rem!important; } .px--movil--d5{ padding-left: .5rem!important; padding-right: .5rem!important; } .px--movil--1{ padding-left: 1rem!important; padding-right: 1rem!important; } .px--movil--1d5{ padding-left: 1.5rem!important; padding-right: 1.5rem!important; } .px--movil--2{ padding-left: 2rem!important; padding-right: 2rem!important; } .px--movil--3{ padding-left: 3rem!important; padding-right: 3rem!important; } .px--movil--4{ padding-left: 4rem!important; padding-right: 4rem!important; } .px--movil--5{ padding-left: 5rem!important; padding-right: 5rem!important; }   .py--movil--0{ padding-top: 0rem!important; padding-bottom: 0rem!important; } .py--movil--d5{ padding-top: .5rem!important; padding-bottom: .5rem!important; } .py--movil--1{ padding-top: 1rem!important; padding-bottom: 1rem!important; } .py--movil--1d5{ padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py--movil--2{ padding-top: 2rem!important; padding-bottom: 2rem!important; } .py--movil--3{ padding-top: 3rem!important; padding-bottom: 3rem!important; } .py--movil--4{ padding-top: 4rem!important; padding-bottom: 4rem!important; } .py--movil--5{ padding-top: 5rem!important; padding-bottom: 5rem!important; }   .pt--movil--0{ padding-top: 0rem!important; } .pt--movil--d5{ padding-top: .5rem!important; } .pt--movil--1{ padding-top: 1rem!important; } .pt--movil--1d5{ padding-top: 1.5rem!important; } .pt--movil--2{ padding-top: 2rem!important; } .pt--movil--3{ padding-top: 3rem!important; } .pt--movil--4{ padding-top: 4rem!important; } .pt--movil--5{ padding-top: 5rem!important; }   .pl--movil--0{ padding-left: 0rem!important; } .pl--movil--d5{ padding-left: .5rem!important; } .pl--movil--1{ padding-left: 1rem!important; } .pl--movil--1d5{ padding-left: 1.5rem!important; } .pl--movil--2{ padding-left: 2rem!important; } .pl--movil--3{ padding-left: 3rem!important; } .pl--movil--4{ padding-left: 4rem!important; } .pl--movil--5{ padding-left: 5rem!important; }   .pr--movil--0{ padding-right: 0rem!important; } .pr--movil--d5{ padding-right: .5rem!important; } .pr--movil--1{ padding-right: 1rem!important; } .pr--movil--1d5{ padding-right: 1.5rem!important; } .pr--movil--2{ padding-right: 2rem!important; } .pr--movil--3{ padding-right: 3rem!important; } .pr--movil--4{ padding-right: 4rem!important; } .pr--movil--5{ padding-right: 5rem!important; }   .pb--movil--0{ padding-bottom: 0rem!important; } .pb--movil--d5{ padding-bottom: .5rem!important; } .pb--movil--1{ padding-bottom: 1rem!important; } .pb--movil--1d5{ padding-bottom: 1.5rem!important; } .pb--movil--2{ padding-bottom: 2rem!important; } .pb--movil--3{ padding-bottom: 3rem!important; } .pb--movil--4{ padding-bottom: 4rem!important; } .pb--movil--5{ padding-bottom: 5rem!important; }  } @media( min-width: 1000px ){  .p--pc--0{ padding-top: 0rem!important; padding-left: 0rem!important; padding-bottom: 0rem!important; padding-right: 0rem!important; } .p--pc--d5{ padding-top: .5rem!important; padding-left: .5rem!important; padding-bottom: .5rem!important; padding-right: .5rem!important; } .p--pc--1{ padding-top: 1rem!important; padding-left: 1rem!important; padding-bottom: 1rem!important; padding-right: 1rem!important; } .p--pc--1d5{ padding-top: 1.5rem!important; padding-left: 1.5rem!important; padding-bottom: 1.5rem!important; padding-right: 1.5rem!important; } .p--pc--2{ padding-top: 2rem!important; padding-left: 2rem!important; padding-bottom: 2rem!important; padding-right: 2rem!important; } .p--pc--3{ padding-top: 3rem!important; padding-left: 3rem!important; padding-bottom: 3rem!important; padding-right: 3rem!important; } .p--pc--4{ padding-top: 4rem!important; padding-left: 4rem!important; padding-bottom: 4rem!important; padding-right: 4rem!important; } .p--pc--5{ padding-top: 5rem!important; padding-left: 5rem!important; padding-bottom: 5rem!important; padding-right: 5rem!important; }   .px--pc--d5{ padding-left: 0rem!important; padding-right: 0rem!important; } .px--pc--d5{ padding-left: .5rem!important; padding-right: .5rem!important; } .px--pc--1{ padding-left: 1rem!important; padding-right: 1rem!important; } .px--pc--1d5{ padding-left: 1.5rem!important; padding-right: 1.5rem!important; } .px--pc--2{ padding-left: 2rem!important; padding-right: 2rem!important; } .px--pc--3{ padding-left: 3rem!important; padding-right: 3rem!important; } .px--pc--4{ padding-left: 4rem!important; padding-right: 4rem!important; } .px--pc--5{ padding-left: 5rem!important; padding-right: 5rem!important; }   .py--pc--d5{ padding-top: 0rem!important; padding-bottom: 0rem!important; } .py--pc--d5{ padding-top: .5rem!important; padding-bottom: .5rem!important; } .py--pc--1{ padding-top: 1rem!important; padding-bottom: 1rem!important; } .py--pc--1d5{ padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py--pc--2{ padding-top: 2rem!important; padding-bottom: 2rem!important; } .py--pc--3{ padding-top: 3rem!important; padding-bottom: 3rem!important; } .py--pc--4{ padding-top: 4rem!important; padding-bottom: 4rem!important; } .py--pc--5{ padding-top: 5rem!important; padding-bottom: 5rem!important; }   .pt--pc--0{ padding-top: 0rem!important; } .pt--pc--d5{ padding-top: .5rem!important; } .pt--pc--1{ padding-top: 1rem!important; } .pt--pc--1d5{ padding-top: 1.5rem!important; } .pt--pc--2{ padding-top: 2rem!important; } .pt--pc--3{ padding-top: 3rem!important; } .pt--pc--4{ padding-top: 4rem!important; } .pt--pc--5{ padding-top: 5rem!important; } .pt--pc--6{ padding-top: 6rem!important; } .pt--pc--7{ padding-top: 7rem!important; } .pt--pc--8{ padding-top: 8rem!important; } .pt--pc--9{ padding-top: 9rem!important; } .pt--pc--10{ padding-top: 10rem!important; } .pt--pc--11{ padding-top: 11rem!important; } .pt--pc--12{ padding-top: 12rem!important; } .pt--pc--13{ padding-top: 13rem!important; } .pt--pc--14{ padding-top: 14rem!important; } .pt--pc--15{ padding-top: 15rem!important; } .pt--pc--16{ padding-top: 16rem!important; } .pt--pc--17{ padding-top: 17rem!important; } .pt--pc--18{ padding-top: 18rem!important; } .pt--pc--19{ padding-top: 19rem!important; } .pt--pc--20{ padding-top: 20rem!important; }   .pl--pc--0{ padding-left: 0rem!important; } .pl--pc--d5{ padding-left: .5rem!important; } .pl--pc--1{ padding-left: 1rem!important; } .pl--pc--1d5{ padding-left: 1.5rem!important; } .pl--pc--2{ padding-left: 2rem!important; } .pl--pc--3{ padding-left: 3rem!important; } .pl--pc--4{ padding-left: 4rem!important; } .pl--pc--4d5{ padding-left: 4.5rem!important; } .pl--pc--5{ padding-left: 5rem!important; } .pl--pc--6{ padding-left: 6rem!important; } .pl--pc--7{ padding-left: 7rem!important; } .pl--pc--8{ padding-left: 8rem!important; }   .pr--pc--0{ padding-right: 0rem!important; } .pr--pc--d5{ padding-right: .5rem!important; } .pr--pc--1{ padding-right: 1rem!important; } .pr--pc--1d5{ padding-right: 1.5rem!important; } .pr--pc--2{ padding-right: 2rem!important; } .pr--pc--3{ padding-right: 3rem!important; } .pr--pc--4{ padding-right: 4rem!important; } .pr--pc--5{ padding-right: 5rem!important; }   .pb--pc--0{ padding-bottom: 0rem!important; } .pb--pc--d5{ padding-bottom: .5rem!important; } .pb--pc--1{ padding-bottom: 1rem!important; } .pb--pc--1d5{ padding-bottom: 1.5rem!important; } .pb--pc--2{ padding-bottom: 2rem!important; } .pb--pc--3{ padding-bottom: 3rem!important; } .pb--pc--4{ padding-bottom: 4rem!important; } .pb--pc--5{ padding-bottom: 5rem!important; }  }     .grid--1{ display: flex; flex-flow: column; } .grid--2{ display: grid; grid-template: auto / repeat( 2, 1fr ); } .grid--3{ display: grid; grid-template: auto / repeat( 3, 1fr ); } .grid--4{ display: grid; grid-template: auto / repeat( 4, 1fr ); } .grid--5{ display: grid; grid-template: auto / repeat( 5, 1fr ); } .grid--6{ display: grid; grid-template: auto / repeat( 6, 1fr ); } .grid--7{ display: grid; grid-template: auto / repeat( 7, 1fr ); } .grid--8{ display: grid; grid-template: auto / repeat( 8, 1fr ); } .grid--9{ display: grid; grid-template: auto / repeat( 9, 1fr ); } .grid--10{ display: grid; grid-template: auto / repeat( 10, 1fr ); } .grid--11{ display: grid; grid-template: auto / repeat( 11, 1fr ); } .grid--12{ display: grid; grid-template: auto / repeat( 12, 1fr ); } .grid--13{ display: grid; grid-template: auto / repeat( 13, 1fr ); } .grid--14{ display: grid; grid-template: auto / repeat( 14, 1fr ); } .grid--15{ display: grid; grid-template: auto / repeat( 15, 1fr ); } .grid--16{ display: grid; grid-template: auto / repeat( 16, 1fr ); } .grid--17{ display: grid; grid-template: auto / repeat( 17, 1fr ); } .grid--18{ display: grid; grid-template: auto / repeat( 18, 1fr ); } .grid--19{ display: grid; grid-template: auto / repeat( 19, 1fr ); } .grid--20{ display: grid; grid-template: auto / repeat( 20, 1fr ); } .grid--21{ display: grid; grid-template: auto / repeat( 21, 1fr ); } .grid--22{ display: grid; grid-template: auto / repeat( 22, 1fr ); } .grid--23{ display: grid; grid-template: auto / repeat( 23, 1fr ); } .grid--24{ display: grid; grid-template: auto / repeat( 24, 1fr ); } .grid--25{ display: grid; grid-template: auto / repeat( 25, 1fr ); } .grid--26{ display: grid; grid-template: auto / repeat( 26, 1fr ); } .grid--27{ display: grid; grid-template: auto / repeat( 27, 1fr ); } .grid--28{ display: grid; grid-template: auto / repeat( 28, 1fr ); } .grid--29{ display: grid; grid-template: auto / repeat( 29, 1fr ); } .grid--30{ display: grid; grid-template: auto / repeat( 30, 1fr ); }   @media( max-width: 1000px ){ .grid--movil--1{ display: flex; flex-flow: column; } .grid--movil--2{ display: grid; grid-template: auto / repeat( 2, 1fr ); } .grid--movil--3{ display: grid; grid-template: auto / repeat( 3, 1fr ); } .grid--movil--4{ display: grid; grid-template: auto / repeat( 4, 1fr ); } .grid--movil--5{ display: grid; grid-template: auto / repeat( 5, 1fr ); } .grid--movil--6{ display: grid; grid-template: auto / repeat( 6, 1fr ); } .grid--movil--7{ display: grid; grid-template: auto / repeat( 7, 1fr ); } .grid--movil--8{ display: grid; grid-template: auto / repeat( 8, 1fr ); } .grid--movil--9{ display: grid; grid-template: auto / repeat( 9, 1fr ); } .grid--movil--10{ display: grid; grid-template: auto / repeat( 10, 1fr ); } .grid--movil--11{ display: grid; grid-template: auto / repeat( 11, 1fr ); } .grid--movil--12{ display: grid; grid-template: auto / repeat( 12, 1fr ); } .grid--movil--13{ display: grid; grid-template: auto / repeat( 13, 1fr ); } .grid--movil--14{ display: grid; grid-template: auto / repeat( 14, 1fr ); } .grid--movil--15{ display: grid; grid-template: auto / repeat( 15, 1fr ); } .grid--movil--16{ display: grid; grid-template: auto / repeat( 16, 1fr ); } .grid--movil--17{ display: grid; grid-template: auto / repeat( 17, 1fr ); } .grid--movil--18{ display: grid; grid-template: auto / repeat( 18, 1fr ); } .grid--movil--19{ display: grid; grid-template: auto / repeat( 19, 1fr ); } .grid--movil--20{ display: grid; grid-template: auto / repeat( 20, 1fr ); } .grid--movil--21{ display: grid; grid-template: auto / repeat( 21, 1fr ); } .grid--movil--22{ display: grid; grid-template: auto / repeat( 22, 1fr ); } .grid--movil--23{ display: grid; grid-template: auto / repeat( 23, 1fr ); } .grid--movil--24{ display: grid; grid-template: auto / repeat( 24, 1fr ); } .grid--movil--25{ display: grid; grid-template: auto / repeat( 25, 1fr ); } .grid--movil--26{ display: grid; grid-template: auto / repeat( 26, 1fr ); } .grid--movil--27{ display: grid; grid-template: auto / repeat( 27, 1fr ); } .grid--movil--28{ display: grid; grid-template: auto / repeat( 28, 1fr ); } .grid--movil--29{ display: grid; grid-template: auto / repeat( 29, 1fr ); } .grid--movil--30{ display: grid; grid-template: auto / repeat( 30, 1fr ); } } @media( min-width: 1000px ){ .grid--pc--1{ display: flex; flex-flow: column; } .grid--pc--2{ display: grid; grid-template: auto / repeat( 2, 1fr ); } .grid--pc--3{ display: grid; grid-template: auto / repeat( 3, 1fr ); } .grid--pc--4{ display: grid; grid-template: auto / repeat( 4, 1fr ); } .grid--pc--5{ display: grid; grid-template: auto / repeat( 5, 1fr ); } .grid--pc--6{ display: grid; grid-template: auto / repeat( 6, 1fr ); } .grid--pc--7{ display: grid; grid-template: auto / repeat( 7, 1fr ); } .grid--pc--8{ display: grid; grid-template: auto / repeat( 8, 1fr ); } .grid--pc--9{ display: grid; grid-template: auto / repeat( 9, 1fr ); } .grid--pc--10{ display: grid; grid-template: auto / repeat( 10, 1fr ); } .grid--pc--11{ display: grid; grid-template: auto / repeat( 11, 1fr ); } .grid--pc--12{ display: grid; grid-template: auto / repeat( 12, 1fr ); } .grid--pc--13{ display: grid; grid-template: auto / repeat( 13, 1fr ); } .grid--pc--14{ display: grid; grid-template: auto / repeat( 14, 1fr ); } .grid--pc--15{ display: grid; grid-template: auto / repeat( 15, 1fr ); } .grid--pc--16{ display: grid; grid-template: auto / repeat( 16, 1fr ); } .grid--pc--17{ display: grid; grid-template: auto / repeat( 17, 1fr ); } .grid--pc--18{ display: grid; grid-template: auto / repeat( 18, 1fr ); } .grid--pc--19{ display: grid; grid-template: auto / repeat( 19, 1fr ); } .grid--pc--20{ display: grid; grid-template: auto / repeat( 20, 1fr ); } .grid--pc--21{ display: grid; grid-template: auto / repeat( 21, 1fr ); } .grid--pc--22{ display: grid; grid-template: auto / repeat( 22, 1fr ); } .grid--pc--23{ display: grid; grid-template: auto / repeat( 23, 1fr ); } .grid--pc--24{ display: grid; grid-template: auto / repeat( 24, 1fr ); } .grid--pc--25{ display: grid; grid-template: auto / repeat( 25, 1fr ); } .grid--pc--26{ display: grid; grid-template: auto / repeat( 26, 1fr ); } .grid--pc--27{ display: grid; grid-template: auto / repeat( 27, 1fr ); } .grid--pc--28{ display: grid; grid-template: auto / repeat( 28, 1fr ); } .grid--pc--29{ display: grid; grid-template: auto / repeat( 29, 1fr ); } .grid--pc--30{ display: grid; grid-template: auto / repeat( 30, 1fr ); } }   .gap--0{ gap: 0rem; } .gap--d3{ gap: .3rem; } .gap--d5{ gap: .5rem; } .gap--1{ gap: 1rem; } .gap--1d5{ gap: 1.5rem; } .gap--2{ gap: 2rem; } .gap--3{ gap: 3rem; } .gap--4{ gap: 4rem; } .gap--5{ gap: 5rem; }   @media( max-width: 1000px ){ .gap--movil--0{ gap: 0rem; } .gap--movil--d5{ gap: .5rem; } .gap--movil--1{ gap: 1rem; } .gap--movil--1d5{ gap: 1.5rem; } .gap--movil--2{ gap: 2rem; } .gap--movil--3{ gap: 3rem; } .gap--movil--4{ gap: 4rem; } .gap--movil--5{ gap: 5rem; } } @media( min-width: 1000px ){ .gap--pc--0{ gap: 0rem; } .gap--pc--d5{ gap: .5rem; } .gap--pc--1{ gap: 1rem; } .gap--pc--1d5{ gap: 1.5rem; } .gap--pc--2{ gap: 2rem; } .gap--pc--3{ gap: 3rem; } .gap--pc--4{ gap: 4rem; } .gap--pc--5{ gap: 5rem; } }   .span--1{ grid-column: auto / span 1; } .span--2{ grid-column: auto / span 2; } .span--3{ grid-column: auto / span 3; } .span--4{ grid-column: auto / span 4; } .span--5{ grid-column: auto / span 5; } .span--6{ grid-column: auto / span 6; } .span--7{ grid-column: auto / span 7; } .span--8{ grid-column: auto / span 8; } .span--9{ grid-column: auto / span 9; } .span--10{ grid-column: auto / span 10; } .span--11{ grid-column: auto / span 11; } .span--12{ grid-column: auto / span 12; } .span--13{ grid-column: auto / span 13; } .span--14{ grid-column: auto / span 14; } .span--15{ grid-column: auto / span 15; } .span--16{ grid-column: auto / span 16; } .span--17{ grid-column: auto / span 17; } .span--18{ grid-column: auto / span 18; } .span--19{ grid-column: auto / span 19; } .span--20{ grid-column: auto / span 20; }  @media( max-width: 1000px ){ .span--movil--1{ grid-column: auto / span 1; } .span--movil--2{ grid-column: auto / span 2; } .span--movil--3{ grid-column: auto / span 3; } .span--movil--4{ grid-column: auto / span 4; } .span--movil--5{ grid-column: auto / span 5; } .span--movil--6{ grid-column: auto / span 6; } .span--movil--7{ grid-column: auto / span 7; } .span--movil--8{ grid-column: auto / span 8; } .span--movil--9{ grid-column: auto / span 9; } .span--movil--10{ grid-column: auto / span 10; } .span--movil--11{ grid-column: auto / span 11; } .span--movil--12{ grid-column: auto / span 12; } .span--movil--13{ grid-column: auto / span 13; } .span--movil--14{ grid-column: auto / span 14; } .span--movil--15{ grid-column: auto / span 15; } .span--movil--16{ grid-column: auto / span 16; } .span--movil--17{ grid-column: auto / span 17; } .span--movil--18{ grid-column: auto / span 18; } .span--movil--19{ grid-column: auto / span 19; } .span--movil--20{ grid-column: auto / span 20; } }     .justify--center{ justify-content: center; } .justify--right{ justify-content: flex-end; } .justify--around{ justify-content: space-around; } .justify--between{ justify-content: space-between; } .justify--end{ justify-content: flex-end; } .align--center{ align-items: center; } .align--bottom{ align-items: end; } .justify--align--center{ justify-content: center; align-items: center; }   .text--black{ color: rgba(0,0,0)!important; } .text--black--hover{ transition: .3s; } .text--black--hover:hover{ color: rgba(0,0,0)!important; } .text--white{ color: rgba(255,255,255)!important; } .text--white--hover{ transition: .3s; } .text--white--hover:hover{ color: rgba(255,255,255)!important; } .text--dark{ color: rgba( 135, 135, 135 )!important; } .text--dark--hover{ transition: .3s; } .text--dark--hover:hover{ color: rgba( 135, 135, 135 )!important; } .text--red{ color: rgba( 255,50,50 )!important; } .text--green{ color: rgba( 50, 150,50 )!important; } .text--blue{ color: rgba( 50, 50, 150 )!important; } .text--color1{ color: var(--color1); } .text--color1--hover{ transition: .3s; } .text--color1--hover:hover{ color: var(--color1)!important; } .text--color2{ color: var(--color2)!important; } .text--color2--hover{ transition: .3s; } .text--color2--hover:hover{ color: var(--color2)!important; }   .boton--color1{ display: inline-block; position: relative; border: 0; background: var(--color1); padding: .5rem; border-radius: 15px; color: var(--color1_a90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--color1:hover{ background: var(--color1_a10); color: var(--color1_a90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--color1:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--color1:hover:before{ opacity: 1; } .boton--color1:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--color1:hover:after{ opacity: .3; }   .boton--color2{ display: inline-block; position: relative; border: 0; background: var(--color2_o3); padding: .5rem; border-radius: 15px; color: var(--color2_a9); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--color2:hover{ background: var(--color2_o1); color: var(--color2_a9); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--color2:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--color2:hover:before{ opacity: 1; } .boton--color2:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--color2:hover:after{ opacity: .3; }   .boton--dark{ display: inline-block; position: relative; border: 0; background: rgba( 100,100,100 ); padding: .5rem; border-radius: 15px; color: var(--color1_a90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--dark:hover{ background: rgba( 150,150,150 ); color: var(--color1_a90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--dark:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--dark:hover:before{ opacity: 1; } .boton--dark:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--dark:hover:after{ opacity: .3; }   .boton--red{ display: inline-block; position: relative; border: 0; background: rgba( 255,50,50 ); padding: .5rem; border-radius: 15px; color: var(--color1_a90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--red:hover{ background: rgba( 255,100,100 ); color: var(--color1_a90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--red:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--red:hover:before{ opacity: 1; } .boton--red:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--red:hover:after{ opacity: .3; }   .boton--green{ display: inline-block; position: relative; border: 0; background: rgba( 50, 175,50 ); padding: .5rem; border-radius: 15px; color: var(--color1_a90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--green:hover{ background: rgba( 50, 175, 50 ); color: var(--color1_a90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--green:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--green:hover:before{ opacity: 1; } .boton--green:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--green:hover:after{ opacity: .3; }   .boton--blue{ display: inline-block; position: relative; border: 0; background: rgba( 50, 50,175 ); padding: .5rem; border-radius: 15px; color: var(--color1_a90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--blue:hover{ background: rgba( 50, 50, 175 ); color: var(--color1_a90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--blue:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--blue:hover:before{ opacity: 1; } .boton--blue:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--blue:hover:after{ opacity: .3; }   .boton--cyan{ display: inline-block; position: relative; border: 0; background: rgba( 50, 175,175 ); padding: .5rem; border-radius: 15px; color: var(--color1_o90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--cyan:hover{ background: rgba( 50, 175, 175 ); color: var(--color1_o90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--cyan:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--cyan:hover:before{ opacity: 1; } .boton--cyan:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--cyan:hover:after{ opacity: .3; }   .boton--yellow{ display: inline-block; position: relative; border: 0; background: rgba( 175, 175, 50 ); padding: .5rem; border-radius: 15px; color: var(--color1_o90); transition: .5s; text-align: center; box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 3px 5px 3px rgba( 255,255,255, 0 ) ; } .boton--yellow:hover{ background: rgba( 175, 175, 50 ); color: var(--color1_o90); box-shadow: 0 3px 5px 3px rgba( 0,0,0, .3 ), 0 0 3px 3px rgba( 255,255,255, .3 ) ; } .boton--yellow:before{ content: ''; border-top-left-radius: 15px; border-top-right-radius: 15px; top: 0; left: 0; position: absolute; background: linear-gradient( 180deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); width: 100%; height: 50%; opacity: .75; transition: .5s; } .boton--yellow:hover:before{ opacity: 1; } .boton--yellow:after{ content: ''; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; left: 0; position: absolute; background: linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0, 0 ) ); width: 100%; height: 50%; opacity: .7; transition: .5s; } .boton--yellow:hover:after{ opacity: .3; }   .boton--cristal{ position: absolute; top: 0; left: 0; width: 100%; height: 40%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; background: linear-gradient( 0deg, rgba( 255,255,255, 1 ), rgba( 255,255,255, 0 ) ); opacity: .3; }   .img--marco{ padding: 1rem; background: rgba( 255,255,255, 1 ); box-shadow: 0 0 5px 3px rgba( 0,0,0,.1 ); border-radius: 10px; } .img--marco img{ border-radius: 10px; } .img--marco img{ max-width: 100%; }   .no--border{ border: none } .border--black{ border: 1px solid black; } .border--dark{ border: 1px solid rgba( 100,100,100 ); }   .shadow--1{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .1 ) } .shadow--2{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .2 ) } .shadow--3{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .3 ) } .shadow--4{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .4 ) } .shadow--5{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .5 ) } .shadow--6{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .6 ) } .shadow--7{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .7 ) } .shadow--8{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .8 ) } .shadow--9{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .9 ) } .shadow--10{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, 1 ) } .shadow--1--hover{ transition: .3s; } .shadow--2--hover{ transition: .3s; } .shadow--3--hover{ transition: .3s; } .shadow--4--hover{ transition: .3s; } .shadow--5--hover{ transition: .3s; } .shadow--6--hover{ transition: .3s; } .shadow--7--hover{ transition: .3s; } .shadow--8--hover{ transition: .3s; } .shadow--9--hover{ transition: .3s; } .shadow--hover{ transition: .3s; } .shadow--1--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .1 ) } .shadow--2--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .2 ) } .shadow--3--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .3 ) } .shadow--4--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .4 ) } .shadow--5--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .5 ) } .shadow--6--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .6 ) } .shadow--7--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .7 ) } .shadow--8--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .8 ) } .shadow--9--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, .9 ) } .shadow--hover:hover{ box-shadow: 0 5px 5px 1px rgba( 0,0,0, 1 ) }   .radius--100{ border-radius: 100px; } .radius--90{ border-radius: 90px; } .radius--80{ border-radius: 80px; } .radius--70{ border-radius: 70px; } .radius--60{ border-radius: 60px; } .radius--50{ border-radius: 50px; } .radius--40{ border-radius: 40px; } .radius--30{ border-radius: 30px; } .radius--20{ border-radius: 20px; } .radius--10{ border-radius: 10px; } .no--radius{ border-radius: 0!important; }   .honeycomb { display: flex; flex-wrap: wrap; list-style: none; justify-content: center; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0; transform: translateY(34.375px); } .honeycomb-cell { flex: 0 1 250px; max-width: 250px; height: 137.5px; margin: 65.4761904762px 12.5px 25px; position: relative; padding: 0.5em; text-align: center; z-index: 1; } .honeycomb-cell__title { height: 100%; display: flex; flex-direction: column; justify-content: center; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 1.75em; transition: opacity 350ms; } .honeycomb-cell__title > small { font-weight: 300; margin-top: 0.25em; } .honeycomb-cell__image { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .honeycomb-cell::before, .honeycomb-cell::after { content: ""; } .honeycomb-cell::before, .honeycomb-cell::after, .honeycomb-cell__image { top: -50%; left: 0; width: 100%; height: 200%; display: block; position: absolute; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); z-index: -1; } .honeycomb-cell::before { background: #fff; transform: scale(1.055); } .honeycomb-cell::after { background: var(--color2_a3); opacity: 0.5; transition: opacity 350ms; } .honeycomb-cell:hover .honeycomb-cell__title { opacity: 0; } .honeycomb-cell:hover::before { background: var(--color1_a20); } .honeycomb-cell:hover::after { opacity: 0; } .honeycomb__placeholder { display: none; opacity: 0; width: 250px; margin: 0 12.5px; } @media (max-width: 550px) { .honeycomb-cell { margin: 81.25px 25px; } } @media (min-width: 550px) and (max-width: 825px) { .honeycomb-cell:nth-child(3n) { margin-right: calc(50% - 125px); margin-left: calc(50% - 125px); } .honeycomb__placeholder:nth-child(3n+5) { display: block; } } @media (min-width: 825px) and (max-width: 1100px) { .honeycomb-cell:nth-child(5n+4) { margin-left: calc(50% - 275px); } .honeycomb-cell:nth-child(5n+5) { margin-right: calc(50% - 275px); } .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n+3) { display: block; } } @media (min-width: 1100px) { .honeycomb-cell:nth-child(7n+5) { margin-left: calc(50% - 400px); } .honeycomb-cell:nth-child(7n+7), .honeycomb-cell:nth-child(7n+5):nth-last-child(2) { margin-right: calc(50% - 400px); } .honeycomb__placeholder:nth-child(7n+7), .honeycomb__placeholder:nth-child(7n+9), .honeycomb__placeholder:nth-child(7n+11) { display: block; } }     .card-effect-covertor{ position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .card-effect-covertor .ce-slider { width: 100%; height: 100vh; } .card-effect-covertor .ce-slider .ce-items-group { width: 100%; height: 100%; position: relative; } .card-effect-covertor .ce-slider .ce-items-group .ce-item { top: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; display: flex; overflow: hidden; transition: 0.5s; visibility: hidden; position: relative; padding: 50px 20px; position: absolute; align-items: center; justify-content: center; box-sizing: border-box; } .card-effect-covertor .ce-slider .ce-items-group .ce-item:hover .ce-bg { opacity: 0.2; } .card-effect-covertor .ce-slider .ce-items-group .ce-item:hover .ce-block { box-shadow: 0px 0px 50px #333; } .card-effect-covertor .ce-slider .ce-items-group .ce-item.active { opacity: 1; visibility: visible; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-bg { top: 0px; left: 0px; opacity: 1; z-index: -1; width: 100%; height: 100%; transition: 0.5s; position: absolute; transform: scale(1.03); background-size: cover; background-position: center; background-attachment: fixed; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-blur { top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; transition: 0.5s; filter: contrast( 125% ); position: absolute; transform: scale(1.03); background-size: cover; background-position: center; background-attachment: fixed; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block { width: 100%; height: 100%; padding: 20px; color: #ffffff; transition: box-shadow 0.5s; max-width: 300px; overflow: hidden; max-height: 450px; border-radius: 10px; transform: scale(1.03); box-sizing: border-box; background-size: cover; background-position: center; background-attachment: fixed; box-shadow: none; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block .ce-flare { top: 0px; left: 0px; opacity: 0; content: ""; width: 100%; height: 100%; display: block; transition: 0.5s; position: absolute; border-radius: 10px; background: radial-gradient(circle at 80px 40px, #fff, transparent); } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block .text { width: 100%; height: 100%; display: flex; text-align: center; flex-direction: column; justify-content: center; background-position: center; background-attachment: fixed; background: rgba( 0,0,0, .5 ); } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block h2 { font-family: "Oswald", sans-serif; font-size: 130px; margin-bottom: 0px; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block p { font-family: "Open Sans", sans-serif; font-size: 15px; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block:hover { box-shadow: 0px 0px 70px #111; } .card-effect-covertor .ce-slider .ce-items-group .ce-item .ce-block:hover .ce-flare { opacity: 0.4; } .card-effect-covertor .ce-slider .navigations { bottom: 0px; width: 100%; position: absolute; } .card-effect-covertor .ce-slider .navigations .dots { height: 20px; padding: 10px 0px; text-align: center; } .card-effect-covertor .ce-slider .navigations .dots li { width: 10px; height: 10px; cursor: pointer; transition: 0.3s; background: #fff; border-radius: 50%; display: inline-block; vertical-align: middle; } .card-effect-covertor .ce-slider .navigations .dots li + li { margin-left: 10px; } .card-effect-covertor .ce-slider .navigations .dots li:hover { filter: blur(2px); } .card-effect-covertor .ce-slider .navigations .dots li.active { width: 15px; height: 15px; } .card-effect-covertor .ce-slider .navigations .dots li.active:hover { filter: blur(0px); } .ce-block{ padding: 0!important; }   .sin-deco{ text-decoration: none; }    .jb-contenedor-compatibilidad{ position: relative; } .jb-contenedor-absoluto{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; overflow: hidden;  transform: translateX(-50%) translateY(-50%); } .jb-contenedor-relativo{ position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .jb-trans3d { -moz-transform-style: preserve-3d; -moz-transform: translate3d(0, 0, 0); -ms-transform-style: preserve-3d; -ms-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); transform-style: preserve-3d; transform: translate3d(0, 0, 0); } .jb-carrucel { position:absolute; margin-left:-500px; margin-top:-500px; left:50%; top:50%; width:1000px; height:1000px; } .jb-carrucel-contenedor { position:absolute; margin-left:-500px; margin-top:-500px; left:50%; top:50%; width:1000px; height:1000px; } .jb-carouselItem { width:320px; height:130px; position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-90px; visibility:hidden; } .jb-carouselItemInner {         width:320px;  position:absolute; top:50%; text-align:center; }    .af-has-animation { position: relative; } .af-has-animation:not(.af-animacion-finalizada) *, .af-has-animation:not(.af-animacion-finalizada){ color: transparent!important; } .af-has-animation:not(.af-animacion-finalizada) img { opacity: 0; } .af-has-animation.af-animate-in:before, .af-has-animation.af-animate-in:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; z-index: 1; } .af-has-animation.af-animate-in:before { background-color: var(--color1); } .af-has-animation.af-animate-in:after { background-color: var(--color2); animation-delay: 1s; } .af-has-animation:not(.af-animacion-finalizada).af-animate-in img { animation: af-textHidden 1s 1s; } .af-has-animation.af-animation-ltr.af-animate-in:before { animation: af-revealLTR 2s; } .af-has-animation.af-animation-ltr.af-animate-in:after { animation: af-revealLTR 1s 1s; } .af-has-animation.af-animation-rtl.af-animate-in:before { animation: af-revealRTL 2s; } .af-has-animation.af-animation-rtl.af-animate-in:after { animation: af-revealRTL 1s 1s; } @keyframes af-revealRTL { 0% { width: 0; right: 0; } 50% { width: 100%; right: 0; } 100% { width: 0; right: 100%; } } @keyframes af-revealLTR { 0% { width: 0; left: 0; } 50% { width: 100%; left: 0; } 100% { width: 0; left: 100%; } } @keyframes af-textHidden { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }    :root{ --owl-dot-size: 46px; --owl-limitador-titulo: 200px; } .owl-dots{ width: 100%; text-align: center; } .owl-dots{ padding: 0; } .owl-dot{ padding-bottom: 0rem; padding-bottom: 0rem; } .owl-dot span{ display: none; } .owl-dot::after{ color: var(--color2_a4); content: '•'; font-size: var(--owl-dot-size); padding-left: 1rem; padding-right: 0rem; padding-top: 0rem; padding-bottom: 0rem; text-shadow: 0px 0px 0px black; } .owl-dot.active::after{ color: var(--color1); } .owl-dot:hover::after{ text-shadow: 1px 1px 1px var(--color2); } .owl-text-limitador{ max-width: var(--owl-limitador-titulo); } .owl-carousel-imagen-contenedor{ overflow: hidden; } .owl-stage{ max-height: var(--max-height); width: 100%; max-height: var(--max-height); overflow: hidden; } .owl-item{ padding-left: .5rem; padding-right: .5rem; transition: 1s; overflow: hidden; } .owl-descripcion-botom{ background: rgba( 0,0,0, 0 ); position: absolute; -z-index: 1; left: 0; top: var(--titulo-botom-top); color: white; font-size: var(--titulo-botom-font-size); transition: 1s; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .owl-item-activo .owl-descripcion-botom{ top: var(--titulo-botom-top-activo); width: calc( 100% - 1rem ); background: rgba( 0,0,0, .9 ); } .owl-carousel .item{ position: relative; } .owl-completo{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; border-radius: 20px; } .owl-img-post-effect{ transition: 1s; } .owl-img-post-effect::after{ content: ''; position: absolute; pointer-events: none; top: 0; left: 0; background-image: linear-gradient( 0deg ,rgba( 0,0,0, 1 ) 0% ,rgba( 255,255,255, 1 ) 100% ); opacity: .5; } .owl-carousel:hover .owl-img-post-effect{ filter: contrast(175%); } .owl-pantalla-oscura{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 1s; background: black; opacity: .0; } .owl-carousel:hover .owl-pantalla-oscura{ opacity: .6; }